import Vue from 'vue';
import vueRouter from 'vue-router';
import BasePage from '@/views/BasePage';
import ArticleDetail from '@/views/ArticleDetail';
import CollectPage from '@/views/Collect';
import LikePage from '@/views/Like';
import MyPage from '@/views/MyPage';
import ArticlePage from '@/views/ArticlePage';
Vue.use(vueRouter)
const router = new vueRouter({
    routes: [{
            path: "/",
            component: BasePage,
            redirect: "/article",
            children: [
                { path: "/article", component: ArticlePage },
                { path: "/collect", component: CollectPage },
                { path: "/Likes", component: LikePage },
                { path: "/Mypage", component: MyPage }
            ]
        },
        { path: "/ArticleDetail", component: ArticleDetail },
    ],
    linkActiveClass: "ActiveView"
})
export default router